背景画像を自動スクロールさせる
今回は、ホームページの背景画像を自動的にスクロールさせるテクニックを紹介します。お目にかかる機会が少ないテクニックだけに、インパクトは抜群ではないでしょうか！？意外と簡単に実行できるので、ぜひ試してみてください。

→ 背景画像をスクロールさせるJavaScript関数を呼び出す
 
まずは、背景画像をスクロールさせるJavaScript関数「bgscroll()」を呼び出します。この関数は自動的に実行される関数となるため、「BODY」タグにonloadイベントを追加します。また、関数「bgscroll()」は、setIntervalを使って0.1秒（100/100秒）ごとに繰り返し呼び出します（繰り返しの間隔となる「100」を小さいに値に変更すると、高速に背景画像をスクロールできるようになります）。 そのほか「BODY」タグで背景画像を指定しておくのも忘れないでください。今回のテクニックの場合、なるべく大きめの画像を背景画像にするのが効果的です。
<BODY background="img01.jpg" onload="setInterval('bgscroll()',100)">


→ 背景画像をスクロールさせるJavaScript関数を自作する
 
続いて、JavaScript関数「bgscroll()」を自作します。関数内でメインとなるのは、背景画像の位置を指定する「document.body.style.backgroundPosition」です。この値を変数「i」に指定し、関数「bgscroll()」が呼び出されるごとに「i」の値を1ずつ大きくしていけば、自動的に背景画像がスクロールします。
<SCRIPT language="JavaScript">
<!--
var i=0;
function bgscroll(){
i++;
document.body.style.backgroundPosition=i;
}
//-->
</SCRIPT>


→ 縦方向にスクロールさせるには？
 
Internet Explorerでは、背景画像を縦方向にスクロールさせることも可能です。この場合、「document.body.style.backgroundPosition」の代わりに「document.body.style.backgroundPositionY」を使用します。ただし「backgroundPositionX」や「backgroundPositionY」はNetscapeに対応していないため、Netscapeでホームページを見ると背景画像はスクロールしません。


�e�����[�N����EC�i�r Yahoo �y�V LINE���f�[�^�����[�������z500�~�`�I
�����z�[���y�[�W �������N���W�b�g�J�[�h �C�O�i���q�����@�C�O���s�����������I �C�O�z�e��